<template>
  <div class="page_footer noneditable irremovable" contenteditable="false">
    <p class="footer-title">
      <span class="stmt_tit_zh">{{ statementTitleZh }}</span
      ><span class="stmt_tit_en" v-if="en">{{ statementTitleEn }}</span>
    </p>
    <p class="footer-body">
      <span v-if="!en" v-html="statementZh"></span>
      <span v-else v-html="statementBoth"></span>
    </p>
  </div>
</template>

<script>
import { mapGetters } from 'vuex'
import { statementZh, statementBoth, statementTitleEn, statementTitleZh } from '@/constants/string'

export default {
  data() {
    return { statementZh, statementBoth, statementTitleEn, statementTitleZh }
  },
  computed: {
    ...mapGetters(['languageType']),
    en() {
      return this.languageType === 'both'
    }
  }
}
</script>

<style></style>
